<!--$if{ !_SGLOBAL['inajax']}-->
	<!--$if{ !_TPL['nosidebar']}-->
		<!--$if{ _SGLOBAL['ad']['contentbottom']}--><br style="line-height:0;clear:both;"/><div id="ad_contentbottom"><!--{ad/contentbottom}--></div><!--$end-->
		</div>
		
		<!--/mainarea-->
		<div id="bottom"></div>
	</div>
	<!--/main-->
	<!--$end-->
</div>
<!--/wrap-->

<div id="footer" title="<!--${&integeration.Func.debuginfo()}-->">
    <!--$if{ _TPL['templates']}-->
    <div class="chostlp" title="切换风格"><img id="chostlp" src="${_TPL['default_template']['icon']}" onmouseover="showMenu(this.id)" alt="${_TPL['default_template']['name']}" /></div>
    <ul id="chostlp_menu" class="chostlp_drop" style="display: none">
    <!--$for{value:_TPL['templates']}-->
      <li><a href="cp.html?ac=common&op=changetpl&name=${value[name]}" title="${value[name]}"><img src="${value[icon]}" alt="${value[name]}" /></a></li>
    <!--$end-->
    </ul>
    <!--$end-->
    
    <p class="r_option">
      <a href="javascript:;" onclick="window.scrollTo(0,0);" id="a_top" title="TOP"><img src="image/top.gif" alt="" style="padding: 5px 6px 6px;" /></a>
    </p>
    
    <!--$if{ _SGLOBAL['ad']['footer']}-->
    <p style="padding:5px 0 10px 0;"><!--{ad/footer}--></p>
    <!--$end-->
      
    <p>
      ${_SCONFIG['sitename']} - 
      <a href="mailto:${_SCONFIG['adminemail']}">联系我们</a>
      <!--$if{ _SCONFIG['miibeian']}--> - <a  href="http://www.miibeian.gov.cn" target="_blank">${_SCONFIG['miibeian']}</a><!--$end-->
    </p>
    <p>
      Powered by <a  href="http://www.insistsfot.cn" target="_blank"><strong>小社会SNS</strong></a> <span title="<!-- echo X_RELEASE-->"><!-- echo X_VER--></span>
      <!--$if{ _SCONFIG['licensed']}--><a  href="http://license.insistsfot.cn/" target="_blank">Licensed</a><!--$end-->
      &copy; 2009 <a  href="http://www.insistsfot.cn" target="_blank">InsistSoft Inc.</a>
    </p>
  </div>

<!--$if{ _SGLOBAL['appmenu']}-->
<ul id="ucappmenu_menu" class="dropmenu_drop" style="display:none;">
	<li><a href="${_SGLOBAL[appmenu][url]}" title="${_SGLOBAL[appmenu][name]}" target="_blank">${_SGLOBAL[appmenu][name]}</a></li>
	<!--$for{value:_SGLOBAL['appmenus']}-->
	<li><a href="${value[url]}" title="${value[name]}" target="_blank">${value[name]}</a></li>
	<!--$end-->
</ul>
<!--$end-->

<!--$if{ _SGLOBAL['supe_uid']}-->
<!--$if{ !_SCOOKIE['checkpm']}-->
<script language="javascript"  type="text/javascript" src="cp.html?ac=pm&op=checknewpm&rand=${_SGLOBAL['timestamp']}"></script>
<!--$end-->
<!--$if{ !_SCOOKIE['synfriend']}-->
<script language="javascript"  type="text/javascript" src="cp.html?ac=friend&op=syn&rand=${_SGLOBAL['timestamp']}"></script>
<!--$end-->
<!--$end-->
<!--$if{ !_SCOOKIE['sendmail']}-->
<script language="javascript"  type="text/javascript" src="do.html?ac=sendmail&rand=${_SGLOBAL['timestamp']}"></script>
<!--$end-->

<!--$if{ _SGLOBAL['ad']['couplet']}-->
<script language="javascript" type="text/javascript" src="source/script_couplet.js"></script>
<div id="uch_couplet" style="z-index: 10; position: absolute; display:none">
	<div id="couplet_left" style="position: absolute; left: 2px; top: 60px; overflow: hidden;">
		<div style="position: relative; top: 25px; margin:0.5em;" onMouseOver="this.style.cursor='hand'" onClick="closeBanner('uch_couplet');"><img src="image/advclose.gif"></div>
		<!--{ad/couplet}-->
	</div>
	<div id="couplet_rigth" style="position: absolute; right: 2px; top: 60px; overflow: hidden;">
		<div style="position: relative; top: 25px; margin:0.5em;" onMouseOver="this.style.cursor='hand'" onClick="closeBanner('uch_couplet');"><img src="image/advclose.gif"></div>
		<!--{ad/couplet}-->
	</div>
	<script type="text/javascript">
		lsfloatdiv('uch_couplet', 0, 0, '', 0).floatIt();
	</script>
</div>
<!--$end-->









<!--$if{_SGLOBAL['supe_uid']}-->
<STYLE type=text/css>
#footpanel {
  Z-INDEX: 9999; BORDER-BOTTOM: #c3c3c3 1px; POSITION: fixed; BORDER-LEFT: #c3c3c3 1px solid; MARGIN: 0px 3%; WIDTH: 94%; BOTTOM: 0px; BACKGROUND: #e3e2e2; BORDER-TOP: #c3c3c3 1px solid; BORDER-RIGHT: #c3c3c3 1px solid; LEFT: 0px;
  FONT: 10px normal Verdana, Arial, Helvetica, sans-serif;
}
* HTML #footpanel {
  POSITION: absolute; MARGIN-TOP: -1px; ; TOP: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))
}
#footpanel UL {
  PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; FONT-SIZE: 1.1em; BORDER-TOP: #fff 1px solid; PADDING-TOP: 0px
}
#footpanel UL LI {
  POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#footpanel UL LI A {
  POSITION: relative; PADDING-BOTTOM: 5px; TEXT-INDENT: -9999px; PADDING-LEFT: 5px; WIDTH: 16px; PADDING-RIGHT: 5px; FLOAT: left; HEIGHT: 16px; COLOR: #333; TEXT-DECORATION: none; PADDING-TOP: 5px
}
HTML #footpanel UL LI A:hover {
  BACKGROUND-COLOR: #fff
}
HTML #footpanel UL LI A.active {
  Z-INDEX: 200; BORDER-BOTTOM: #555 1px solid; POSITION: relative; BORDER-LEFT: #555 1px solid; BACKGROUND-COLOR: #fff; MARGIN-TOP: -2px; HEIGHT: 17px; BORDER-TOP: #555 1px; BORDER-RIGHT: #555 1px solid
}
#footpanel A.home {
  TEXT-INDENT: 0px; PADDING-LEFT: 40px; WIDTH: 50px; BACKGROUND: url(image/footer/home.png) no-repeat 15px center; BORDER-RIGHT: #bbb 1px solid
}
A.profile {
  BACKGROUND: url(image/footer/user.png) no-repeat center center
}
A.contacts {
  BACKGROUND: url(image/footer/address_book.png) no-repeat center center
}
A.playlist {
  BACKGROUND: url(image/footer/document_music_playlist.png) no-repeat center center
}
A.videos {
  BACKGROUND: url(image/footer/film.png) no-repeat center center
}
A.messages {
  BACKGROUND: url(image/footer/mail.png) no-repeat center center
}
A.editprofile {
  BACKGROUND: url(image/footer/wrench_screwdriver.png) no-repeat center center
}
#footpanel A.chat {
  BORDER-LEFT: #bbb 1px solid; TEXT-INDENT: 0px; PADDING-LEFT: 40px; WIDTH: 126px; BACKGROUND: url(image/footer/balloon.png) no-repeat 15px center; BORDER-RIGHT: #bbb 1px solid
}
A.alerts {
  BACKGROUND: url(image/footer/newspaper.png) no-repeat center center
}
#footpanel LI#chatpanel {
  FLOAT: right
}
#footpanel LI#alertpanel {
  FLOAT: right
}
#footpanel A SMALL {
  TEXT-ALIGN: center; PADDING-BOTTOM: 11px; TEXT-INDENT: 0px; PADDING-LEFT: 5px; WIDTH: 75px; PADDING-RIGHT: 5px; DISPLAY: none; BACKGROUND: url(image/footer/pop_arrow.gif) no-repeat center bottom; COLOR: #fff; FONT-SIZE: 1em; PADDING-TOP: 5px
}
#footpanel A:hover SMALL {
  Z-INDEX: 9999; POSITION: absolute; DISPLAY: block; MARGIN-LEFT: -40px; TOP: -35px; LEFT: 50%
}
#footpanel UL LI DIV A {
  POSITION: static; PADDING-BOTTOM: 0px; TEXT-INDENT: 0px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; FLOAT: none; HEIGHT: auto; COLOR: #00629a; PADDING-TOP: 0px
}
#footpanel UL LI DIV A:hover {
  TEXT-DECORATION: underline
}
#footpanel .subpanel {
  BORDER-BOTTOM: #555 1px solid; POSITION: absolute; BORDER-LEFT: #555 1px solid; PADDING-BOTTOM: 2px; WIDTH: 198px; BOTTOM: 27px; DISPLAY: none; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; LEFT: 0px
}
#footpanel H3 {
  PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #526ea6; COLOR: #fff; FONT-SIZE: 1.1em; CURSOR: pointer; PADDING-TOP: 5px
}
#footpanel H3 SPAN {
  LINE-HEIGHT: 0.6em; FLOAT: right; FONT-SIZE: 1.5em; FONT-WEIGHT: normal
}
#footpanel .subpanel UL {
  PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: #fff; OVERFLOW: auto; PADDING-TOP: 0px
}
#footpanel .subpanel LI {
  POSITION: static; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: #fff; FLOAT: none; CLEAR: both; FONT-SIZE: 0.9em; OVERFLOW: hidden; PADDING-TOP: 0px
}
#chatpanel .subpanel LI {
  BACKGROUND: url(image/footer/dash.gif) repeat-x left center
}
#chatpanel .subpanel LI SPAN {
  PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #fff; FLOAT: left; COLOR: #777; PADDING-TOP: 5px
}
#chatpanel .subpanel LI A IMG {
  MARGIN: 0px 5px; FLOAT: left
}
#chatpanel .subpanel LI A {
  PADDING-BOTTOM: 3px; LINE-HEIGHT: 22px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: #fff; HEIGHT: 22px; PADDING-TOP: 3px
}
#chatpanel .subpanel LI A:hover {
  BACKGROUND: #3b5998; COLOR: #fff; TEXT-DECORATION: none
}
#alertpanel .subpanel {
  RIGHT: 0px; LEFT: auto
}
#alertpanel .subpanel LI {
  DISPLAY: block; BORDER-TOP: #f0f0f0 1px solid
}
#alertpanel .subpanel LI P {
  PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px
}
#alertpanel .subpanel LI A.delete {
  TEXT-INDENT: -9999px; MARGIN: 5px; WIDTH: 13px; BACKGROUND: url(image/footer/image/footer/delete_x.gif) no-repeat; FLOAT: right; HEIGHT: 14px; VISIBILITY: hidden
}
#alertpanel .subpanel LI A.delete:hover {
  BACKGROUND-POSITION: left bottom
}
#footpanel #alertpanel LI.view {
  TEXT-ALIGN: right; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; PADDING-TOP: 5px
}
</STYLE>

<script language="javascript" type="text/javascript" src="${request.contextPath}/dwr/interface/SpaceRemoteController.js"></script>

<SCRIPT type=text/javascript> 
jQuery(document).ready(function(){

  //Adjust panel height
  jQuery.fn.adjustPanel = function(){ 
    jQuery(this).find("ul, .subpanel").css({ 'height' : 'auto'}); //Reset subpanel and ul height
    
    var windowHeight = jQuery(window).height(); //Get the height of the browser viewport
    var panelsub = jQuery(this).find(".subpanel").height(); //Get the height of subpanel 
    var panelAdjust = windowHeight - 100; //Viewport height - 100px (Sets max height of subpanel)
    var ulAdjust =  panelAdjust - 25; //Calculate ul size after adjusting sub-panel (27px is the height of the base panel)
    
    if ( panelsub >= panelAdjust ) {   //If subpanel is taller than max height...
      jQuery(this).find(".subpanel").css({ 'height' : panelAdjust }); //Adjust subpanel to max height
      jQuery(this).find("ul").css({ 'height' : ulAdjust}); //Adjust subpanel ul to new size
    }
    else if ( panelsub < panelAdjust ) { //If subpanel is smaller than max height...
      jQuery(this).find("ul").css({ 'height' : 'auto'}); //Set subpanel ul to auto (default size)
    }
  };
  
  //Execute function on load
  jQuery("#chatpanel").adjustPanel(); //Run the adjustPanel function on #chatpanel
  jQuery("#alertpanel").adjustPanel(); //Run the adjustPanel function on #alertpanel
  
  //Each time the viewport is adjusted/resized, execute the function
  jQuery(window).resize(function () { 
    jQuery("#chatpanel").adjustPanel();
    jQuery("#alertpanel").adjustPanel();
  });
  
  //Click event on Chat Panel + Alert Panel 
  jQuery("#chatpanel a:first, #alertpanel a:first").click(function() { //If clicked on the first link of #chatpanel and #alertpanel...
    if(jQuery(this).next(".subpanel").is(':visible')){ //If subpanel is already active...
      jQuery(this).next(".subpanel").hide(); //Hide active subpanel
      jQuery("#footpanel li a").removeClass('active'); //Remove active class on the subpanel trigger
    }
    else { //if subpanel is not active...
      jQuery(".subpanel").hide(); //Hide all subpanels
      jQuery(this).next(".subpanel").toggle(); //Toggle the subpanel to make active
      jQuery("#footpanel li a").removeClass('active'); //Remove active class on all subpanel trigger
      jQuery(this).toggleClass('active'); //Toggle the active class on the subpanel trigger
    }
    return false; //Prevent browser jump to link anchor
  });
  
  //Click event outside of subpanel
  jQuery(document).click(function() { //Click anywhere and...
    jQuery(".subpanel").hide(); //hide subpanel
    jQuery("#footpanel li a").removeClass('active'); //remove active class on subpanel trigger
  });
  jQuery('.subpanel ul').click(function(e) { 
    e.stopPropagation(); //Prevents the subpanel ul from closing on click
  });
  
  //Delete icons on Alert Panel
  jQuery("#alertpanel li").hover(function() {
    jQuery(this).find("a.delete").css({'visibility': 'visible'}); //Show delete icon on hover
  },function() {
    jQuery(this).find("a.delete").css({'visibility': 'hidden'}); //Hide delete icon on hover out
  });

  jQuery("#alertpanel li").hover(function() {
      jQuery(this).find("a.delete").css({'visibility': 'visible'}); //Show delete icon on hover
    },function() {
      jQuery(this).find("a.delete").css({'visibility': 'hidden'}); //Hide delete icon on hover out
  });
  SpaceRemoteController.getOnlineInfo(function(data){
    if( data.count > 0 ){
        jQuery('#friend_count').replaceWith( data.count );
        var fhtml = '';
        for( var i = 0; i< data.count; i++){
            var f = data.list[i];
            fhtml += '<LI><A href="${request.contextPath}/space.html?uid="' + f.uid + '><IMG alt="" src="image/footer/chat-thumb.gif">' + f.username + '</A></LI>';
        }
        jQuery('#friendlistpanel').replaceWith( fhtml );
    }
	})
  
	//消息
  $if{(_SGLOBAL['member']['notenum'])}
  var nhtml = '';
  SpaceRemoteController.getNotify(function( data ){
	  for( var i = 0; i< data.count; i++){
	    var f = data.data[i];
      nhtml = 
  	  '<LI><A class=delete href="cp.html?ac=pm&op=delete&folder=inbox&pmid=' + f.pmid + '">X</A><P>'+
      data.message +
      '</P></LI>';
	  }
	})
  $end
  
});
</SCRIPT>


<DIV id=footpanel>
<UL id=mainpanel>
  <LI><A class=home href="http://www.designbombs.com/">Home <SMALL>首页</SMALL></A></LI>
  <LI><A class=profile href="space.html">View Profile <SMALL>个人主页</SMALL></A></LI>
  <LI><A class=editprofile href="cp.html">Edit Profile <SMALL>设置</SMALL></A></LI>
  <LI><A class=contacts href="space.html?do=friend">Contacts <SMALL>好友</SMALL></A></LI>
  <LI><A class=messages href="space.html?do=pm&filter=newpm">Messages (10) <SMALL>消息</SMALL></A></LI>
  <!-- 
  <LI><A class=playlist href="http://www.designbombs.com/">Play List <SMALL>Play List</SMALL></A></LI>
  <LI><A class=videos href="http://www.designbombs.com/"><SMALL>Videos</SMALL></A></LI>
  -->
  <LI id=alertpanel><A class=alerts href="http://www.sohtanaka.com/web-design/examples/footer-panel/#">Alerts</A>
  <DIV class=subpanel>
  <H3><SPAN>– </SPAN>消息</H3>
  <UL>
    <LI class=view><A href="space.html?do=pm&filter=newpm">View All</A></LI>
    <!-- 
    <LI>
      <A class=delete href="http://www.sohtanaka.com/web-design/examples/footer-panel/#">X</A>
      <P><A href="http://www.sohtanaka.com/web-design/examples/footer-panel/#">Antehabeo</A>
      abico quod duis odio tation luctus eu ad 
      <A href="http://www.sohtanaka.com/web-design/examples/footer-panel/#">lobortis facilisis</A>.</P>
    </LI>
     -->
  </UL>
  </DIV>
  </LI>
  <LI id=chatpanel><A class=chat
    href="http://www.sohtanaka.com/web-design/examples/footer-panel/#">在线好友(<STRONG id="friend_count">0</STRONG>) </A>
  <DIV class=subpanel>
  <H3><SPAN>– </SPAN>在线好友</H3>
  <UL id="friendlistpanel">
    <!-- sub title -->
    <!-- 
    <LI><SPAN>Family Members</SPAN></LI>
    <LI><A href="http://www.sohtanaka.com/web-design/examples/footer-panel/#"><IMG alt="" src="image/footer/chat-thumb.gif">our Friend</A></LI>
     -->
  </UL>
  </DIV>
  </LI>
</UL>
</DIV>
<!--$end-->









</body>
</html>
<!--$end-->